<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>HTML</title>
</head>

<body
  <div id="main"></div>
  
  <script>
  
  /*
   * 规范化文本节点,
     将元素节点中相邻的两个或以上的文本节点合并
     normalize()
     这个函数是在Node类型中定义的，因此所有类型的节点上都有此方法
  */
    const main = document.getElementById('main')
    const textNode1 = document.createTextNode('hello')
    const textNode2 = document.createTextNode('wordl')
    main.appendChild(textNode1)
    main.appendChild(textNode2)
    console.log(main.childNodes.length) // 2 
    
    // 使用normalize合并文本节点
    main.normalize()
    console.log(main.childNodes.length) // 1
    
  </script>
</body>
</html>
